<template>
	<div class="container">
		<el-table
			v-loading="loading"
			element-loading-spinner="el-icon-loading"
			size="mini"
			class="small-size-table"
			border
			:data="tableData"
			style="width: 100%"
			:header-cell-style="getRowClass"
			highlight-current-row
			header-align="center"
		>
			<el-table-column
				:label="`牌桌筹码带入`"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.bringChipTotal
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				:label="`牌桌筹码带出`"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.afterChipTotal
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="手牌服务费"
				min-width="100"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.pumpingAmountTotal
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="局服务费"
				min-width="120"
				align="center"
				show-overflow-tooltip
				prop="tableFee"
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(scope.row.currency, scope.row.tableFee)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="经典保险盈亏"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span
						:style="handleNumberColor(scope.row.insuredNetAmount)"
					>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.insuredNetAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="EV保险盈亏"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span
						:style="handleNumberColor(scope.row.evInsuredNetAmount)"
					>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.evInsuredNetAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="发弹幕"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.sendBarrageAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="发表情"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.sendEmoteAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="发短语"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.sendPuraseAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="发语音"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.sendVoiceAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="互动道具"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.interactPropAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="看公牌"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.lookPublicCardAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="下注行动延时"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.betActionDelayAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="保险行动延时"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.insureActionDelayAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="看手牌"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.lookHandAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="打赏"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.giveRewardAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="互动道具返利"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.interactivePropsRebateAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="看手牌返利"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.lookHandRebateAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="打赏获得"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.giveRewardAcquireAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="牌桌总盈亏"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span :style="handleNumberColor(scope.row.costTotal)">
						{{ handleCurrency(scope.row.currency) }}
						{{
							handleNumber(
								scope.row.currency,
								scope.row.costTotal
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="互动道具盈利"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.interactivePropsProfitAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="看手牌盈利"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.lookHandProfitAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
			<el-table-column
				label="打赏盈利"
				min-width="120"
				align="center"
				show-overflow-tooltip
			>
				<template slot-scope="scope">
					<span>
						{{
							handleNumber(
								scope.row.currency,
								scope.row.giveRewardProfitAmount
							)
						}}
					</span>
				</template>
			</el-table-column>
		</el-table>
		<!-- <el-pagination
			v-show="!!total"
			:current-page.sync="pageNum"
			background
			layout="total, sizes,prev, pager, next, jumper"
			:page-size="pageSize"
			:page-sizes="$store.getters.pageSizes"
			:total="total"
			@current-change="handleCurrentChange"
			@size-change="handleSizeChange"
		></el-pagination> -->
	</div>
</template>

<script>
import list from '@/mixins/list'
export default {
	mixins: [list],
	props: {
		// queryData: {
		// 	type: Object,
		// 	default: () => {}
		// },
		// disabledSearch: {
		// 	type: Boolean,
		// 	default: false
		// },
		// activeIdx: {
		// 	type: String,
		// 	default: ''
		// }，
		tableData: {
			type: Array,
			default: () => []
		}
	},
	data() {
		return {}
	},
	methods: {
		loadData() {
			// if (this.$attrs.id && Number(this.activeIdx) === 0) {
			// 	const params = {
			// 		tableId: this.queryData.id
			// 	}
			// 	this.loading = true
			// 	this.$emit('changeDisabledSearch', true)
			// 	this.$api
			// 		.getGameOrderUserSettlementDetailBend(params)
			// 		.then((res) => {
			// 			this.loading = false
			// 			this.$emit('changeDisabledSearch', false)
			// 			const len = Object.keys(res.data).length
			// 			this.list = len ? [res.data] : []
			// 			// this.total = len ? this.list.length : 0
			// 		})
			// 		.catch(() => {
			// 			this.loading = false
			// 			this.$emit('changeDisabledSearch', false)
			// 		})
			// }
		}
	}
}
</script>

<style lang="scss" scoped>
.decoration {
	text-decoration: underline;
	cursor: pointer;
}
</style>
